import React from 'react';
import {TestUseCallback} from "@/components/TestUseCallback";
import {TestUseMemo} from "@/components/TestUseMemo";
import {TestReactLifecycleClass} from "@/components/TestReactLifecycleClass";
import {TestReactLifecycleFunction} from "@/components/TestReactLifecycleFunction";
import {TestDatePicker} from "@/components/TestDatePicker";
import {TestReactMemo} from "@/components/TestReactMemo";
import {TestUseEffect} from "@/components/TestUseEffect";

function HomePage() {
    return (
        <div className="p-5">
            <div className="bg-blue-500 text-white p-4">
                Tailwind 测试
            </div>
            <TestReactLifecycleFunction/>
            <TestReactLifecycleClass initialCount={10}/>

            <TestUseMemo></TestUseMemo>
            <TestUseEffect></TestUseEffect>
            <TestUseCallback></TestUseCallback>
            <TestReactMemo></TestReactMemo>

            <TestDatePicker></TestDatePicker>
        </div>
    );
}

export default HomePage;